.comment{
    background-color: #eee;
    position: relative;
    &_title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
    }
    &_box{
        height: 100vh;
        overflow-y: scroll;
        .comment_list{
            margin-bottom: 20px;
            padding: 0 20px;
            .avatar{
                position: relative;
                width: 50px;
                height: 50px;
                margin-right: 20px;
                img:nth-child(1){
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                }
                img:nth-child(2){
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }
                
            }
            &_main{
                width: calc( 100% - 50px );
                color: #666;
                &_top{
                    &_left{
                        div:nth-child(1){
                            font-size: 15px;
                        }
                        div:nth-child(2){
                            margin-top: 5px;
                            font-size: 10px;
                        }
                    }
                    &_right{
                        span{
                            padding: 0 5px;
                        }
                    }
                }
                &_center{
                    margin-top: 10px;
                    color: #000;
                    font-weight: bold;
                    overflow: hidden;
                }
            }
        }
    }
}
.comment_loading{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}